<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>药店配送订单</title>
    <link rel="stylesheet" href="/css/tool/calendar.css">
    <link rel="stylesheet" href="/css/frame/ys_service/ys_service_online.css"/>
    <script src="/js/jquery-3.3.1.min.js"></script>
</head>
<body class="inner-container">
<div class="shandow"></div>
    <div id="function">
        <div class="function_style_out">
            <div class="function_style_in">
                <div class="search">
                    <div class="search_item">
                        <div>所属医院</div>
                        <div>
                            <i class="icon"></i>
                            <input class="search_input" id="hospital" disabled="disabled">
                        </div>
                    </div>
                    <div class="search_item">
                        <div>所属科室</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="department" placeholder="请选择所属科室" readonly="readonly">
                            <div id="department_list" class="search_input_option innerbox">
                                <div>
                                    <ul>

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="search_item">
                        <div>订单来源</div>
                        <div>
                            <i class="icon"></i>
                            <i class="icon_clear"></i>
                            <input class="search_input" id="source" placeholder="请选择用户来源" readonly="readonly">
                            <div id="source_list" class="search_input_option inner-container">
                                <ul>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="search">
                    <div class="search_item">
                        <div>下单时间</div>
                        <div>
                            <div id="createtimefrom">
                                <i class="icon_time"></i>
                                <i class="icon_clear"></i>
                                <input id="timefrom" class="createtime" placeholder="开始时间" readonly="readonly">
                            </div>
                            <div id="midfont">至</div>
                            <div id="createtimeto">
                                <i class="icon_time"></i>
                                <i class="icon_clear"></i>
                                <input id="timeto" class="createtime" placeholder="结束时间" readonly="readonly">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="search">
                    <div class="search_item_state">
                        <div>订单状态</div>
                        <div id="state"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="calendarfrom"></div>
    <div id="calendarto"></div>
    <div id="content">
        <div id="top">
            <div id="search">
                <div id="search_button"></div>
                <input id="search_input" placeholder="请输入姓名/订单号进行搜索" autocomplete="off">
                <div id="search_font">搜索</div>
            </div>
        </div>
        <div id="userdata">
            <table id="userlist" cellpadding="0" cellspacing="0" border="1px" style="table-layout:fixed">
                <tbody>
                <tr>
                    <td style="width: 3%;"><input type="checkbox" id="all" style="width: 20px;height: 20px;"></td>
                    <td style="width: 3%;">序号</td>
                    <td style="width: 12%;">订单编号</td>
                    <td style="width: 8%;">下单时间</td>
                    <td style="width: 8%;">订单来源</td>
                    <td style="width: 8%;">患者姓名</td>
                    <td style="width: 10%;">联系方式</td>
                    <td style="width: 18%;">药品名称</td>
                    <td style="width: 10%;">订单总额（元）</td>
                    <td style="width: 8%;">订单状态</td>
                    <td style="width: 12%;">操作</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div id="bottom">
            <div id="fenye">
                <div id="totalcount"></div>
                <div style="position:relative;">
                    <input id="pageSize">
                    <div id="pageSize_list">
                        <ul>
                            <li class="10">10条/页</li>
                            <li class="20">20条/页</li>
                            <li class="50">50条/页</li>
                        </ul>
                    </div>
                </div>
                <div id="pre" class="paging"><</div>
                <div id="next" class="paging">></div>
                <span>前往第</span>
                <div>
                    <input id="pageNo" oninput="value=value.replace(/[^\d]/g,'')">
                </div>
                <span>页</span>
            </div>
        </div>
    </div>
    <%--取消订单--%>
    <div></div>
    <div id="order_canael_popup" class="popup">
        <div id="order_canael_popup_top">
            <span>取消订单</span>
            <div>×</div>
        </div>
        <div id="order_canael_popup_content">
            <textarea id="order_canael_reason" placeholder="请输入取消订单原因"></textarea>
        </div>
        <div id="order_canael_popup_bottom">
            <button class="button">确定</button>
            <button class="button">取消</button>
        </div>
    </div>



    <script src="/js/tool/calendar.js"></script>
    <script type="text/javascript" src="/js/frame/ys_service/ys_service_online.js"></script>
</body>
</html>